100
|
How do I enable the cross link support ( rectangular )
![](images/exsurfaceq100.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
var var_Elements = Surface1.Elements;
var_Elements.Add("Element <sha ;;0>A",null,null);
var_Elements.Add("Element <sha ;;0>B",0,76);
var var_Element = var_Elements.Add("Element <sha ;;0>C",-76,32);
var_Element.AutoSize = false;
var_Element.Height = 32;
var var_Element1 = var_Elements.Add("Element <sha ;;0>D",76,32);
var_Element1.AutoSize = false;
var_Element1.Height = 32;
var var_Links = Surface1.Links;
var var_Link = var_Links.Add(Surface1.Elements.Item(1),Surface1.Elements.Item(2),null);
var_Link.StartPos = 1;
var_Link.EndPos = 1;
var var_Link1 = var_Links.Add(Surface1.Elements.Item(2),Surface1.Elements.Item(1),null);
var_Link1.StartPos = 1;
var_Link1.EndPos = 1;
var_Links.Add(Surface1.Elements.Item(3),Surface1.Elements.Item(4),null);
var var_Link2 = var_Links.Add(Surface1.Elements.Item(4),Surface1.Elements.Item(3),null);
var_Link2.StartPos = 0;
var_Link2.EndPos = 2;
Surface1.ShowLinks = 33;
}
</SCRIPT>
</BODY>
|
99
|
How do I show a link frmo bottom to top, or reverse, not from left to right
![](images/exsurfaceq99.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
var var_Elements = Surface1.Elements;
var_Elements.Add("Element <sha ;;0>A",null,null);
var_Elements.Add("Element <sha ;;0>B",0,64);
var var_Links = Surface1.Links;
var var_Link = var_Links.Add(Surface1.Elements.Item(1),Surface1.Elements.Item(2),null);
var_Link.StartPos = 1;
var_Link.EndPos = 1;
}
</SCRIPT>
</BODY>
|
98
|
What options to align the elements do I have if I use Arrange method
![](images/exsurfaceq98.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.BeginUpdate();
Surface1.ShowGridLines = true;
var var_Elements = Surface1.Elements;
var h1 = var_Elements.Add("Top Alignment",null,null).ID;
var_Elements.Add("Element",null,null);
var_Elements.Add("Element",null,null);
var_Elements.Add("Element",null,null);
var h2 = var_Elements.Add("Center Alignment",null,96).ID;
var_Elements.Add("Element",null,96);
var_Elements.Add("Element",null,96);
var_Elements.Add("Element",null,96);
var h3 = var_Elements.Add("Bottom Alignment",null,178).ID;
var_Elements.Add("Element",null,192);
var_Elements.Add("Element",null,192);
var_Elements.Add("Element",null,192);
var var_Links = Surface1.Links;
var_Links.Add(Surface1.Elements.Item(1),Surface1.Elements.Item(2),null);
var_Links.Add(Surface1.Elements.Item(1),Surface1.Elements.Item(3),null);
var_Links.Add(Surface1.Elements.Item(2),Surface1.Elements.Item(4),null);
var_Links.Add(Surface1.Elements.Item(2),Surface1.Elements.Item(3),null);
var_Links.Add(Surface1.Elements.Item(5),Surface1.Elements.Item(6),null);
var_Links.Add(Surface1.Elements.Item(5),Surface1.Elements.Item(7),null);
var_Links.Add(Surface1.Elements.Item(6),Surface1.Elements.Item(8),null);
var_Links.Add(Surface1.Elements.Item(6),Surface1.Elements.Item(7),null);
var_Links.Add(Surface1.Elements.Item(9),Surface1.Elements.Item(10),null);
var_Links.Add(Surface1.Elements.Item(9),Surface1.Elements.Item(11),null);
var_Links.Add(Surface1.Elements.Item(10),Surface1.Elements.Item(12),null);
var_Links.Add(Surface1.Elements.Item(10),Surface1.Elements.Item(11),null);
Surface1.DefArrange(3) = 0;
Surface1.Arrange(h1);
Surface1.DefArrange(3) = 1;
Surface1.Arrange(h2);
Surface1.DefArrange(3) = 2;
Surface1.Arrange(h3);
Surface1.EndUpdate();
}
</SCRIPT>
</BODY>
|
97
|
Is there an auto-arrange feature that will display the flow-chart centered and zoomed correctly after we are finished building it
![](images/exsurfaceq97.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
var var_Elements = Surface1.Elements;
var_Elements.Add("Element A",null,null).ID = "A";
var_Elements.Add("Element B",null,null).ID = "B";
var_Elements.Add("Element C",null,null).ID = "C";
var_Elements.Add("Element D",null,null).ID = "D";
var var_Links = Surface1.Links;
var_Links.Add(Surface1.Elements.Item("A"),Surface1.Elements.Item("B"),null);
var_Links.Add(Surface1.Elements.Item("A"),Surface1.Elements.Item("C"),null);
var_Links.Add(Surface1.Elements.Item("B"),Surface1.Elements.Item("D"),null);
var_Links.Add(Surface1.Elements.Item("B"),Surface1.Elements.Item("C"),null);
Surface1.Arrange(null);
}
</SCRIPT>
</BODY>
|
96
|
Is it possible to change the distance between elements, when calling the Arrange method
![](images/exsurfaceq96.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
var var_Elements = Surface1.Elements;
var_Elements.Add("Element A",null,null).ID = "A";
var_Elements.Add("Element B",null,null).ID = "B";
var_Elements.Add("Element C",null,null).ID = "C";
var_Elements.Add("Element D",null,null).ID = "D";
var var_Links = Surface1.Links;
var_Links.Add(Surface1.Elements.Item("A"),Surface1.Elements.Item("B"),null);
var_Links.Add(Surface1.Elements.Item("A"),Surface1.Elements.Item("C"),null);
var_Links.Add(Surface1.Elements.Item("B"),Surface1.Elements.Item("D"),null);
var_Links.Add(Surface1.Elements.Item("B"),Surface1.Elements.Item("C"),null);
Surface1.DefArrange(1) = 0;
Surface1.DefArrange(2) = 0;
Surface1.Arrange(null);
}
</SCRIPT>
</BODY>
|
95
|
How do I organize vertically the elements
![](images/exsurfaceq95.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
var var_Elements = Surface1.Elements;
var_Elements.Add("Element A",null,null).ID = "A";
var_Elements.Add("Element B",null,null).ID = "B";
var_Elements.Add("Element C",null,null).ID = "C";
var_Elements.Add("Element D",null,null).ID = "D";
var var_Links = Surface1.Links;
var_Links.Add(Surface1.Elements.Item("A"),Surface1.Elements.Item("B"),null);
var_Links.Add(Surface1.Elements.Item("A"),Surface1.Elements.Item("C"),null);
var_Links.Add(Surface1.Elements.Item("B"),Surface1.Elements.Item("D"),null);
var_Links.Add(Surface1.Elements.Item("B"),Surface1.Elements.Item("C"),null);
Surface1.ShowLinksType = 2;
Surface1.DefArrange(0) = 1;
Surface1.Arrange(null);
}
</SCRIPT>
</BODY>
|
94
|
Is there a way to create a link which has the same start and end element
![](images/exsurfaceq94.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
var var_Elements = Surface1.Elements;
var_Elements.Add("Element",null,null);
var var_Links = Surface1.Links;
var_Links.Add(Surface1.Elements.Item(1),Surface1.Elements.Item(1),null);
}
</SCRIPT>
</BODY>
|
93
|
How can I prevent hiding the item when an item with an outgoing link, is collapsed
![](images/exsurfaceq93.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
var var_Elements = Surface1.Elements;
var_Elements.Add("Item <sha ;;0>1",null,null).ID = 1;
var_Elements.Insert("Item <sha ;;0>2",1,null).ID = 2;
var var_Element = var_Elements.Add("Item <sha ;;0>3",null,null);
var_Element.ID = 3;
var_Element.X = 96;
var_Element.Y = 23;
var var_Links = Surface1.Links;
var_Links.Add(Surface1.Elements.Item(2),Surface1.Elements.Item(3),null);
Surface1.ShowLinksOnCollapse = true;
}
</SCRIPT>
</BODY>
|
92
|
How can I change the toolbar's visual appearance
![](images/exsurfaceq92.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.VisualAppearance.Add(1,"c:\\exontrol\\images\\normal.ebn");
Surface1.Background(148) = 16777216;
Surface1.Background(149) = 16777215;
Surface1.Background(150) = 2631720;
Surface1.Background(153) = 23093344;
Surface1.Background(154) = 15790320;
Surface1.Background(155) = 27304096;
Surface1.Background(156) = 16777215;
}
</SCRIPT>
</BODY>
|
91
|
How can I change the toolbar's background color
![](images/exsurfaceq91.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.Background(149) = 16777215;
}
</SCRIPT>
</BODY>
|
90
|
How can I fit or ensure that all elements are in the control's client area
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
var var_Elements = Surface1.Elements;
var_Elements.Add("Element A",-500,-500).BackColor = 65280;
var_Elements.Add("Element B",500,500).BackColor = 255;
var_Elements.Add("Element C",48,24);
Surface1.FitToClient();
}
</SCRIPT>
</BODY>
|
89
|
When I use the context menu to insert an image, the size seems to be fixed to 32 pixels. How can I control / change this
![](images/exsurfaceq89.png)
<BODY onload="Init()">
<SCRIPT FOR="Surface1" EVENT="CreateElement(Element)" LANGUAGE="JScript">
// Element.Edit(0,"multiline,wordwrap")
// Element.AutoSize = True
alert( "Call Edit(0) method of the Element object" );
</SCRIPT>
<SCRIPT FOR="Surface1" EVENT="RClick()" LANGUAGE="JScript">
// SelElement(0).Edit(0,"multiline,wordwrap")
Surface1.Selection = Surface1.ElementFromPoint(-1,-1);
alert( "Call Edit(0) method of the SelElement(0) property" );
</SCRIPT>
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.VisualAppearance.Add(1,"c:\\exontrol\\images\\normal.ebn");
Surface1.VisualAppearance.Add(3,"c:\\exontrol\\images\\hot.ebn");
Surface1.Background(99) = 16777216;
Surface1.Background(102) = 33349056;
Surface1.Background(88) = 50331648;
Surface1.SelectObjectColor = 16571840;
Surface1.HTMLPicture("pic1") = "c:\\exontrol\\images\\zipdisk.gif";
Surface1.HTMLPicture("pic2") = "c:\\exontrol\\images\\auction.gif";
Surface1.HTMLPicture("pic3") = "c:\\exontrol\\images\\colorize.gif";
var var_Elements = Surface1.Elements;
var_Elements.Add("Element A",null,null).ID = "A";
var var_Element = var_Elements.Add("Custom-size pictures:<br><img>pic1:24</img>,<img>pic2:48</img> ,... and so on.",96,48);
var_Element.ID = "B";
var_Element.CaptionSingleLine = false;
var_Elements.Add("Element C",48,24);
Surface1.EditContextMenuItems = "Size[id=57680][edittype=515][border=0][min=16][max=128][freq=16][editwidth=-128][ticklabel=value = %i ? '<b>'+value : ( value =" +
" vmax ? '<fgcolor 808080><font ;6><b>'+value : ( value = vmin ? '<fgcolor 808080><font ;6><b>'+value : '' ) )],Insert[group=3](<" +
"img>pic1:32</img>[id=57763],<img>pic2:32</img>[id=57763],Others[id=1000](default[group=3](<img>pic3</img>[id=57763]),<font ;6>ot" +
"her sizes[sep],<img>pic3:16</img>[id=57763],<img>pic3:32</img>[id=57763],<img>pic3:64</img>[id=57763]))";
}
</SCRIPT>
</BODY>
|
88
|
Can I add images to node while editing the node using the Edit method
![](images/exsurfaceq88.png)
<BODY onload="Init()">
<SCRIPT FOR="Surface1" EVENT="CreateElement(Element)" LANGUAGE="JScript">
// Element.Edit(0,"multiline,wordwrap")
// Element.AutoSize = True
alert( "Call Edit(0) method of the Element object" );
</SCRIPT>
<SCRIPT FOR="Surface1" EVENT="RClick()" LANGUAGE="JScript">
// SelElement(0).Edit(0,"multiline,wordwrap")
Surface1.Selection = Surface1.ElementFromPoint(-1,-1);
alert( "Call Edit(0) method of the SelElement(0) property" );
</SCRIPT>
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.VisualAppearance.Add(1,"c:\\exontrol\\images\\normal.ebn");
Surface1.Background(99) = 16777216;
Surface1.Background(102) = 16777471;
Surface1.SelectObjectStyle = -1;
Surface1.SelectObjectColor = 16571840;
Surface1.HTMLPicture("pic1") = "c:\\exontrol\\images\\zipdisk.gif";
Surface1.HTMLPicture("pic2") = "c:\\exontrol\\images\\auction.gif";
Surface1.Images("gBJJgBAIDAAGAAEAAQhYAf8Pf4hh0QihCJo2AEZjQAjEZFEaIEaEEaAIAkcbk0olUrlktl0vmExmUzmk1m03nE5nU7nk9n0/oFBoVDolFo1HpFJpVLplNp1PqFRqVTq" +
"lVq1XrFZrVbrldr1fsFhsVjslls1ntFptVrtltt1vuFxuVzul1u13vF5vV7vl9v1/wGBwWDwmFw2HxGJxWLxmNx0xiFdyOTh8Tf9ZymXx+QytcyNgz8r0OblWjyWds+m" +
"0ka1Vf1ta1+r1mos2xrG2xeZ0+a0W0qOx3GO4NV3WeyvD2XJ5XL5nN51aiw+lfSj0gkUkAEllHanHI5j/cHg8EZf7w8vl8j4f/qfEZeB09/vjLAB30+kZQAP/P5/H6/y" +
"NAOAEAwCjMBwFAEDwJBMDwLBYAP2/8Hv8/gAGAD8LQs9w/nhDY/oygIA=");
var var_Elements = Surface1.Elements;
var_Elements.Add("Element A",null,null).ID = "A";
var var_Element = var_Elements.Add("This is a node that displays pictures:<br><img>pic1:48</img>,<img>pic2:48</img> ,... and so on.",96,48);
var_Element.ID = "B";
var_Element.CaptionSingleLine = false;
var_Elements.Add("Element C",48,24).BackColor = 16777215;
}
</SCRIPT>
</BODY>
|
87
|
I am using the Edit method to edit the node, but still not able to display multiple lines. Is this possible
![](images/exsurfaceq87.png)
<BODY onload="Init()">
<SCRIPT FOR="Surface1" EVENT="CreateElement(Element)" LANGUAGE="JScript">
// Element.Edit(0,"multiline,wordwrap")
// Element.AutoSize = True
alert( "Call Edit(0) method of the Element object" );
</SCRIPT>
<SCRIPT FOR="Surface1" EVENT="RClick()" LANGUAGE="JScript">
// SelElement(0).Edit(0,"multiline,wordwrap")
Surface1.Selection = Surface1.ElementFromPoint(-1,-1);
alert( "Call Edit(0) method of the SelElement(0) property" );
</SCRIPT>
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.VisualAppearance.Add(1,"c:\\exontrol\\images\\normal.ebn");
Surface1.Background(99) = 16777216;
Surface1.Background(102) = 16777471;
Surface1.SelectObjectStyle = -1;
Surface1.SelectObjectColor = 16571840;
var var_Elements = Surface1.Elements;
var_Elements.Add("Element A",null,null).ID = "A";
var var_Element = var_Elements.Add("Right-<b>Click</b> the node to edit it.",96,48);
var_Element.ID = "B";
var_Element.CaptionSingleLine = false;
var_Elements.Add("Element C",48,24).BackColor = 16777215;
}
</SCRIPT>
</BODY>
|
86
|
How can I change the visual appearance of the edit's context menu
![](images/exsurfaceq86.png)
<BODY onload="Init()">
<SCRIPT FOR="Surface1" EVENT="CreateElement(Element)" LANGUAGE="JScript">
// Element.Edit(0)
// Element.AutoSize = True
alert( "Call Edit(0) method of the Element object" );
</SCRIPT>
<SCRIPT FOR="Surface1" EVENT="RClick()" LANGUAGE="JScript">
// SelElement(0).Edit(0)
Surface1.Selection = Surface1.ElementFromPoint(-1,-1);
alert( "Call Edit(0) method of the SelElement(0) property" );
</SCRIPT>
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.VisualAppearance.Add(1,"c:\\exontrol\\images\\normal.ebn");
Surface1.Background(99) = 16777216;
Surface1.Background(102) = 16777471;
Surface1.SelectObjectStyle = -1;
Surface1.SelectObjectColor = 16571840;
var var_Elements = Surface1.Elements;
var_Elements.Add("Element A",null,null).ID = "A";
var_Elements.Add("Right-Click to edit this node",96,48).ID = "B";
var_Elements.Add("Element C",48,24).BackColor = 16777215;
}
</SCRIPT>
</BODY>
|
85
|
How can I edit the node once the user right-click the element
![](images/exsurfaceq85.png)
<BODY onload="Init()">
<SCRIPT FOR="Surface1" EVENT="CreateElement(Element)" LANGUAGE="JScript">
// Element.Edit(0)
// Element.AutoSize = True
alert( "Call Edit(0) method of the Element object" );
</SCRIPT>
<SCRIPT FOR="Surface1" EVENT="RClick()" LANGUAGE="JScript">
// SelElement(0).Edit(0)
Surface1.Selection = Surface1.ElementFromPoint(-1,-1);
alert( "Call Edit(0) method of the SelElement(0) property" );
</SCRIPT>
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
var var_Elements = Surface1.Elements;
var_Elements.Add("Element A",null,null).ID = "A";
var_Elements.Add("Element B",96,48).ID = "B";
var_Elements.Add("Element C",48,24).BackColor = 16777215;
}
</SCRIPT>
</BODY>
|
84
|
I wish to return the name that is displayed in the Element that I have selected
![](images/exsurfaceq84.png)
<BODY onload="Init()">
<SCRIPT FOR="Surface1" EVENT="SelectionChanged()" LANGUAGE="JScript">
alert( "The number of selected elements is: " );
alert( Surface1.SelCount );
alert( Surface1.SelElement(0).Caption );
</SCRIPT>
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.HideSel = false;
Surface1.SelectObjectColorInactive = Surface1.SelectObjectColor;
Surface1.SelectObjectTextColorInactive = Surface1.SelectObjectTextColor;
var var_Elements = Surface1.Elements;
var_Elements.Add("Element 1",null,null).Selected = true;
var var_Element = var_Elements.Add("Element 2",null,null);
var_Element.X = 32;
var_Element.Y = 32;
}
</SCRIPT>
</BODY>
|
83
|
Been playing with the surface control with the embedded ExGrid ActiveX...I can see most events coming through via the Surface control but I can't get the OnOLEStartDrag event to fire
![](images/exsurfaceq83.png)
<BODY onload="Init()">
<SCRIPT FOR="Surface1" EVENT="OleEvent(Element,Ev)" LANGUAGE="JScript">
// Ev.Param(1).Value = 2
// Ev.Param(0).Value.SetData("items to be carried")
alert( Ev );
</SCRIPT>
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.BeginUpdate();
var var_Elements = Surface1.Elements;
var var_Element = var_Elements.InsertControl("Exontrol.Grid",null,null,null);
var_Element.ElementFormat = "\"client\"";
var var_Grid = var_Element.Object;
var_Grid.BeginUpdate();
var_Grid.OLEDropMode = 1;
var_Grid.Columns.Add("Default");
var_Grid.Items.AddItem("Click the item so it gets the focus");
var_Grid.EndUpdate();
Surface1.MoveCorner(17,0);
Surface1.EndUpdate();
}
</SCRIPT>
</BODY>
|
82
|
Is it possible to assign/add a percent to
an element
![](images/exsurfaceq82.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
var var_Elements = Surface1.Elements;
var var_Element = var_Elements.Add("Element A",null,null);
var_Element.ID = "A";
var_Element.CaptionAlign = 1;
var_Element.AutoSize = false;
var_Element.Height = 36;
var_Element.Width = 96;
var_Element.MinHeight = 36;
var_Element.BackgroundExt = "none[(2,100%-15,100%-4,14)](left[50%,back=RGB(0,255,0),text=`15%`,align=0x11,pattern=6,frame])";
var_Element.BackgroundExtValue(2,2) = "75%";
var_Element.BackgroundExtValue(2,4) = var_Element.BackgroundExtValue(2,2);
}
</SCRIPT>
</BODY>
|
81
|
How can I disable selecting the nodes/elements
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.AllowSelectObject = 0;
Surface1.AllowSelectNothing = false;
Surface1.AllowSelectObjectRect = 0;
Surface1.AllowToggleSelectKey = 0;
}
</SCRIPT>
</BODY>
|
80
|
How can I set my zooming levels on the control's toolbar
![](images/exsurfaceq80.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.ZoomLevels = "75,100,150,200";
Surface1.AllowLinkObjects = 0;
var var_Elements = Surface1.Elements;
var_Elements.Add("Element A",null,null).ID = "A";
var_Elements.Add("Element B",96,24).ID = "B";
var_Elements.Add("Element C",48,12).BackColor = 16777215;
}
</SCRIPT>
</BODY>
|
79
|
How can I prevent zooming the surface
![](images/exsurfaceq79.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.AllowZoomSurface = 0;
Surface1.AllowZoomWheelSurface = false;
Surface1.ToolBarFormat = "-1,100";
}
</SCRIPT>
</BODY>
|
78
|
How can I prevent adding the links
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.AllowLinkObjects = 0;
var var_Elements = Surface1.Elements;
var_Elements.Add("Element A",null,null).ID = "A";
var_Elements.Add("Element B",96,24).ID = "B";
var_Elements.Add("Element C",48,12).BackColor = 16777215;
}
</SCRIPT>
</BODY>
|
77
|
How can I fix all elements on the surface, so no moving or resizing is allowed
![](images/exsurfaceq77.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.AllowResizeObject = 0;
Surface1.AllowMoveObject = 0;
var var_Elements = Surface1.Elements;
var_Elements.Add("Element A",null,null).ID = "A";
var_Elements.Add("Element B",96,24).ID = "B";
var_Elements.Add("Element C",48,12).BackColor = 16777215;
}
</SCRIPT>
</BODY>
|
76
|
How can I link elements with no pressing the SHIFT key
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.AllowInsertObject = false;
Surface1.AllowLinkObjects = 1;
Surface1.AllowMoveObject = 0;
var var_Elements = Surface1.Elements;
var_Elements.Add("Element A",null,null).ID = "A";
var_Elements.Add("Element B",96,24).ID = "B";
var_Elements.Add("Element C",48,12).BackColor = 16777215;
}
</SCRIPT>
</BODY>
|
75
|
How can I disable creating the tree/hierarchies
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.AllowInsertObject = false;
var var_Elements = Surface1.Elements;
var_Elements.Add("Element A",null,null).ID = "A";
var_Elements.Add("Element B",96,24).ID = "B";
var_Elements.Add("Element C",48,12).BackColor = 16777215;
}
</SCRIPT>
</BODY>
|
74
|
How can I create new elements using simple clicks rather than double clicks
![](images/exsurfaceq74.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.AllowCreateObject = 1;
}
</SCRIPT>
</BODY>
|
73
|
How can I disable creating new elements at runtime
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.AllowCreateObject = 0;
}
</SCRIPT>
</BODY>
|
72
|
I've noticed that the links cut the elements. Is it possible to show the links on the back
![](images/exsurfaceq72.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.ShowLinksType = 2;
Surface1.ShowLinks = 1;
var var_Elements = Surface1.Elements;
var_Elements.Add("Element A",null,null).ID = "A";
var_Elements.Add("Element B",96,24).ID = "B";
var_Elements.Add("Element C",48,12).BackColor = 16777215;
var var_Links = Surface1.Links;
var_Links.Add(Surface1.Elements.Item("A"),Surface1.Elements.Item("B"),null).Caption = "link";
}
</SCRIPT>
</BODY>
|
71
|
How can I show a picture on the link
![](images/exsurfaceq71.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.HTMLPicture("pic1") = "c:\\exontrol\\images\\zipdisk.gif";
var var_Elements = Surface1.Elements;
var_Elements.Add("Element A",null,null).ID = "A";
var_Elements.Add("Element B",96,24).ID = "B";
var var_Links = Surface1.Links;
var_Links.Add(Surface1.Elements.Item("A"),Surface1.Elements.Item("B"),null).Caption = "<img>pic1:24</img>";
Surface1.ShowLinksType = 2;
}
</SCRIPT>
</BODY>
|
70
|
How can I show a caption on the link
![](images/exsurfaceq70.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
var var_Elements = Surface1.Elements;
var_Elements.Add("Element A",null,null).ID = "A";
var_Elements.Add("Element B",96,24).ID = "B";
var var_Links = Surface1.Links;
var_Links.Add(Surface1.Elements.Item("A"),Surface1.Elements.Item("B"),null).Caption = "link";
Surface1.ShowLinksType = 2;
}
</SCRIPT>
</BODY>
|
69
|
I am using EBN to show my arrows, the question is if I can make it bigger/larger
![](images/exsurfaceq69.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
var var_Appearance = Surface1.VisualAppearance;
var_Appearance.Add(1,"c:\\exontrol\\images\\normal.ebn");
var_Appearance.Add(2,"CP:1 -2 -2 2 2");
var var_Elements = Surface1.Elements;
var_Elements.Add("Element A",null,null).ID = "A";
var_Elements.Add("Element B",96,24).ID = "B";
var_Elements.Add("Element C",96,-24).ID = "C";
var var_Links = Surface1.Links;
var_Links.Add(Surface1.Elements.Item("A"),Surface1.Elements.Item("B"),null);
var_Links.Add(Surface1.Elements.Item("A"),Surface1.Elements.Item("C"),null);
Surface1.LinksArrowColor = 33554432;
}
</SCRIPT>
</BODY>
|
68
|
Is it possible to show different type of arrows for links
![](images/exsurfaceq68.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.VisualAppearance.Add(1,"c:\\exontrol\\images\\normal.ebn");
var var_Elements = Surface1.Elements;
var_Elements.Add("Element A",null,null).ID = "A";
var_Elements.Add("Element B",96,24).ID = "B";
var_Elements.Add("Element C",96,-24).ID = "C";
var var_Links = Surface1.Links;
var_Links.Add(Surface1.Elements.Item("A"),Surface1.Elements.Item("B"),null).ArrowColor = 255;
var_Links.Add(Surface1.Elements.Item("A"),Surface1.Elements.Item("C"),null).ArrowColor = 16777216;
}
</SCRIPT>
</BODY>
|
67
|
How can I remove or clear the entire surface
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.Elements.Add("element",null,null);
Surface1.Elements.Clear();
Surface1.Home();
}
</SCRIPT>
</BODY>
|
66
|
How can I programmatically add a child element, or create a tree/hierarchy
![](images/exsurfaceq66.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
var var_Elements = Surface1.Elements;
var_Elements.Add("Root",null,null).ID = "rootID";
var_Elements.Insert("Child 1","rootID",null);
var_Elements.Insert("Child 2","rootID",null).ID = "childID";
var_Elements.Insert("Child 3","rootID",null);
var_Elements.Insert("Sub-Child 1.2","childID",null);
var_Elements.Insert("Sub-Child 2.2","childID",null);
}
</SCRIPT>
</BODY>
|
65
|
I've noticed that the element's background is transparent. Can I make it opaque
![](images/exsurfaceq65.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
var var_Elements = Surface1.Elements;
var_Elements.Add("new 1",null,null).BackColor = 16777215;
var_Elements.Add("new 1",24,24).BackColor = 15790320;
}
</SCRIPT>
</BODY>
|
64
|
How can I add a resizable element
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
var var_Elements = Surface1.Elements;
var var_Element = var_Elements.Add("new 1",null,null);
var_Element.AutoSize = false;
var_Element.Resizable = true;
var var_Element1 = var_Elements.Add("new 1",24,24);
var_Element1.AutoSize = false;
var_Element1.Resizable = true;
}
</SCRIPT>
</BODY>
|
63
|
How can I programmatically add a new element
![](images/exsurfaceq63.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
var var_Elements = Surface1.Elements;
var_Elements.Add("new 1",null,null);
var_Elements.Add("new 1",24,24);
}
</SCRIPT>
</BODY>
|
62
|
Is it possible to assign a tooltip to an element
![](images/exsurfaceq62.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.Elements.Add("Element with a Tooltip",null,null).ToolTip = "This is a bit of text that should be displayed when cursor hovers the element.";
}
</SCRIPT>
</BODY>
|
61
|
How do I specify direct/straight link for all links
![](images/exsurfaceq61.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.ShowLinksType = 3;
var var_Elements = Surface1.Elements;
var_Elements.Add("Element <sha ;;0>A",null,null);
var_Elements.Add("Element <sha ;;0>B",96,24);
var var_Links = Surface1.Links;
var_Links.Add(Surface1.Elements.Item(1),Surface1.Elements.Item(2),null);
}
</SCRIPT>
</BODY>
|
60
|
How do I show a direct/straight link
![](images/exsurfaceq60.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
var var_Elements = Surface1.Elements;
var_Elements.Add("Element <sha ;;0>A",null,null);
var_Elements.Add("Element <sha ;;0>B",96,24);
var var_Links = Surface1.Links;
var_Links.Add(Surface1.Elements.Item(1),Surface1.Elements.Item(2),null).ShowLinkType = 3;
}
</SCRIPT>
</BODY>
|
59
|
How can I ensure that a specified element fits the surface's visible area
![](images/exsurfaceq59.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
var var_Elements = Surface1.Elements;
var var_Pattern = var_Elements.Add("Element A",-100,null).Pattern;
var_Pattern.Type = 6;
var_Pattern.Color = 14737632;
var_Elements.Add("Element B",2000,null).ScrollTo(17);
}
</SCRIPT>
</BODY>
|
58
|
Is it possible to show a pattern like ( not available ) over an element
![](images/exsurfaceq58.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
var var_Elements = Surface1.Elements;
var var_Pattern = var_Elements.Add("Element+Pattern",-100,null).Pattern;
var_Pattern.Type = 6;
var_Pattern.Color = 14737632;
var_Elements.Add("Element",100,null);
}
</SCRIPT>
</BODY>
|
57
|
How can I specify a different overview color for the element
![](images/exsurfaceq57.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
var var_Elements = Surface1.Elements;
var_Elements.Add("Element+A",-100,null).OverviewColor = 255;
var_Elements.Add("Element+B",100,null);
Surface1.ScrollPos(true) = 512;
}
</SCRIPT>
</BODY>
|
56
|
I've noticed that some lines are shown on the border, how can I get ride of them
![](images/exsurfaceq56.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
var var_Elements = Surface1.Elements;
var_Elements.Add("Element+A",-100,null);
var_Elements.Add("Element+B",100,null);
Surface1.ScrollPos(true) = 512;
Surface1.OverviewColor = -1;
}
</SCRIPT>
</BODY>
|
55
|
How can I handle clicking an icon or a picture
![](images/exsurfaceq55.png)
<BODY onload="Init()">
<SCRIPT FOR="Surface1" EVENT="HandCursorClick(Element,Hit,Key)" LANGUAGE="JScript">
alert( Key );
</SCRIPT>
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.Images("gBJJgBAIDAAGAAEAAQhYAf8Pf4hh0QihCJo2AEZjQAjEZFEaIEaEEaAIAkcbk0olUrlktl0vmExmUzmk1m03nE5nU7nk9n0/oFBoVDolFo1HpFJpVLplNp1PqFRqVTq" +
"lVq1XrFZrVbrldr1fsFhsVjslls1ntFptVrtltt1vuFxuVzul1u13vF5vV7vl9v1/wGBwWDwmFw2HxGJxWLxmNx0xiFdyOTh8Tf9ZymXx+QytcyNgz8r0OblWjyWds+m" +
"0ka1Vf1ta1+r1mos2xrG2xeZ0+a0W0qOx3GO4NV3WeyvD2XJ5XL5nN51aiw+lfSj0gkUkAEllHanHI5j/cHg8EZf7w8vl8j4f/qfEZeB09/vjLAB30+kZQAP/P5/H6/y" +
"NAOAEAwCjMBwFAEDwJBMDwLBYAP2/8Hv8/gAGAD8LQs9w/nhDY/oygIA=");
Surface1.HTMLPicture("pic1") = "c:\\exontrol\\images\\zipdisk.gif";
Surface1.HTMLPicture("pic2") = "c:\\exontrol\\images\\auction.gif";
var var_Element = Surface1.Elements.Add("Caption",null,null);
var_Element.Pictures = "1,2/pic1/pic2";
var_Element.PicturesAlign = 33;
var_Element.ShowHandCursorOn = 771;
var_Element.CaptionAlign = 1;
}
</SCRIPT>
</BODY>
|
54
|
How can I display a picture
![](images/exsurfaceq54.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.HTMLPicture("pic1") = "c:\\exontrol\\images\\zipdisk.gif";
Surface1.HTMLPicture("pic2") = "c:\\exontrol\\images\\auction.gif";
Surface1.Elements.Add("Element",null,null).Pictures = "pic1/pic2";
}
</SCRIPT>
</BODY>
|
53
|
How can I display a picture
![](images/exsurfaceq53.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.HTMLPicture("pic1") = "c:\\exontrol\\images\\zipdisk.gif";
Surface1.HTMLPicture("pic2") = "c:\\exontrol\\images\\auction.gif";
Surface1.Elements.Add("Icon <img>pic1</img> or <img>pic2</img>",null,null);
}
</SCRIPT>
</BODY>
|
52
|
How can I display an icon
![](images/exsurfaceq52.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.Images("gBJJgBAIDAAGAAEAAQhYAf8Pf4hh0QihCJo2AEZjQAjEZFEaIEaEEaAIAkcbk0olUrlktl0vmExmUzmk1m03nE5nU7nk9n0/oFBoVDolFo1HpFJpVLplNp1PqFRqVTq" +
"lVq1XrFZrVbrldr1fsFhsVjslls1ntFptVrtltt1vuFxuVzul1u13vF5vV7vl9v1/wGBwWDwmFw2HxGJxWLxmNx0xiFdyOTh8Tf9ZymXx+QytcyNgz8r0OblWjyWds+m" +
"0ka1Vf1ta1+r1mos2xrG2xeZ0+a0W0qOx3GO4NV3WeyvD2XJ5XL5nN51aiw+lfSj0gkUkAEllHanHI5j/cHg8EZf7w8vl8j4f/qfEZeB09/vjLAB30+kZQAP/P5/H6/y" +
"NAOAEAwCjMBwFAEDwJBMDwLBYAP2/8Hv8/gAGAD8LQs9w/nhDY/oygIA=");
Surface1.Elements.Add("Element",null,null).Pictures = "0/1,2";
}
</SCRIPT>
</BODY>
|
51
|
How can I display an icon
![](images/exsurfaceq51.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.Images("gBJJgBAIDAAGAAEAAQhYAf8Pf4hh0QihCJo2AEZjQAjEZFEaIEaEEaAIAkcbk0olUrlktl0vmExmUzmk1m03nE5nU7nk9n0/oFBoVDolFo1HpFJpVLplNp1PqFRqVTq" +
"lVq1XrFZrVbrldr1fsFhsVjslls1ntFptVrtltt1vuFxuVzul1u13vF5vV7vl9v1/wGBwWDwmFw2HxGJxWLxmNx0xiFdyOTh8Tf9ZymXx+QytcyNgz8r0OblWjyWds+m" +
"0ka1Vf1ta1+r1mos2xrG2xeZ0+a0W0qOx3GO4NV3WeyvD2XJ5XL5nN51aiw+lfSj0gkUkAEllHanHI5j/cHg8EZf7w8vl8j4f/qfEZeB09/vjLAB30+kZQAP/P5/H6/y" +
"NAOAEAwCjMBwFAEDwJBMDwLBYAP2/8Hv8/gAGAD8LQs9w/nhDY/oygIA=");
Surface1.Elements.Add("Icon <img>1</img> or <img>2</img>",null,null);
}
</SCRIPT>
</BODY>
|
50
|
How can I prevent moving all descendent/outgoing elements when focused element is moved, more like a free move
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
var var_Elements = Surface1.Elements;
var_Elements.Add("Element <sha ;;0>A",null,null);
var_Elements.Add("Element <sha ;;0>B",96,24);
var var_Links = Surface1.Links;
var_Links.Add(Surface1.Elements.Item(1),Surface1.Elements.Item(2),null);
Surface1.ShowLinksType = 3;
Surface1.AllowMoveDescendents = false;
}
</SCRIPT>
</BODY>
|
49
|
How can I display the +/- expand/collapse glyphs next to linked elements
![](images/exsurfaceq49.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
var var_Elements = Surface1.Elements;
var_Elements.Add("Element <sha ;;0>A",null,null);
var_Elements.Add("Element <sha ;;0>B",96,24);
var var_Links = Surface1.Links;
var_Links.Add(Surface1.Elements.Item(1),Surface1.Elements.Item(2),null);
Surface1.Elements.Item(1).Expanded = false;
Surface1.ExpandLinkedElements = true;
}
</SCRIPT>
</BODY>
|
48
|
How can I host the Exontrol.Button inside the surface
![](images/exsurfaceq48.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
var var_Elements = Surface1.Elements;
var var_Element = var_Elements.Add("ActiveX",null,null);
var_Element.Type = 2;
var_Element.ElementFormat = "\"check\":18,\"client\"";
var_Element.ShowCheckBox = true;
var_Element.Control = "Exontrol.Button";
var_Element.Object.Caption = "<sha ;;0>button";
var_Element.Height = 32;
var_Element.Width = 128;
}
</SCRIPT>
</BODY>
|
47
|
How can I host a Command button
![](images/exsurfaceq47.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
var var_Elements = Surface1.Elements;
var var_Element = var_Elements.InsertControl("Forms.CommandButton.1",null,null,null);
var_Element.ElementFormat = "\"check\":18,\"client\"";
var_Element.Object.Caption = "command";
var_Element.ShowCheckBox = true;
var_Element.Height = 48;
var_Element.Width = 128;
}
</SCRIPT>
</BODY>
|
46
|
How can I handle the events of the inner ActiveX control
![](images/exsurfaceq46.png)
<BODY onload="Init()">
<SCRIPT FOR="Surface1" EVENT="OleEvent(Element,Ev)" LANGUAGE="JScript">
alert( Ev );
</SCRIPT>
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
var var_Elements = Surface1.Elements;
var var_Element = var_Elements.InsertControl("Forms.CommandButton.1",null,null,null);
var_Element.ElementFormat = "\"check\":18,\"client\"";
var_Element.Object.Caption = "command";
var_Element.ShowCheckBox = true;
var_Element.Height = 48;
var_Element.Width = 128;
}
</SCRIPT>
</BODY>
|
45
|
How can I display a checkbox while my node hosts an ActiveX inside
![](images/exsurfaceq45.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
var var_Elements = Surface1.Elements;
var var_Element = var_Elements.InsertControl("Forms.CommandButton.1",null,null,null);
var_Element.ElementFormat = "\"check\":18,\"client\"";
var_Element.Object.Caption = "command";
var_Element.ShowCheckBox = true;
var_Element.Height = 48;
var_Element.Width = 128;
}
</SCRIPT>
</BODY>
|
44
|
Is it possible to display a caption while the element hosts an ActiveX control
![](images/exsurfaceq44.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
var var_Elements = Surface1.Elements;
var var_Element = var_Elements.InsertControl("Forms.CommandButton.1",null,null,null);
var_Element.ElementFormat = "18;\"caption\"/\"client\"";
var_Element.Object.Caption = "command";
var_Element.Caption = "Forms.CommandButton";
var_Element.CaptionAlign = 1;
var_Element.Height = 48;
var_Element.Width = 128;
}
</SCRIPT>
</BODY>
|
43
|
I host an ActiveX control but it does not cover the whole element. What can be done
![](images/exsurfaceq43.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
var var_Elements = Surface1.Elements;
var var_Element = var_Elements.InsertControl("Forms.CommandButton.1",null,null,null);
var_Element.ElementFormat = "\"client\"";
var_Element.Object.Caption = "command";
var_Element.Height = 32;
var_Element.Width = 128;
var var_Element1 = var_Elements.InsertControl("Forms.CommandButton.1",null,null,null);
var_Element1.ElementFormat = "\"client\"";
var_Element1.Object.Caption = "command";
var_Element1.Height = 32;
var_Element1.Width = 128;
}
</SCRIPT>
</BODY>
|
42
|
How can I host my ActiveX to the surface (method 2)
![](images/exsurfaceq42.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
var var_Elements = Surface1.Elements;
var var_Element = var_Elements.InsertControl("Forms.CommandButton.1",null,null,null);
var_Element.ElementFormat = "\"client\"";
var_Element.Object.Caption = "command";
var_Element.Height = 32;
var_Element.Width = 128;
}
</SCRIPT>
</BODY>
|
41
|
How can I host my ActiveX to the surface (method 1)
![](images/exsurfaceq41.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
var var_Elements = Surface1.Elements;
var var_Element = var_Elements.Add("ActiveX",null,null);
var_Element.Type = 2;
var_Element.ElementFormat = "\"client\"";
var_Element.Control = "Forms.CommandButton.1";
var_Element.Object.Caption = "command";
var_Element.Height = 32;
var_Element.Width = 128;
}
</SCRIPT>
</BODY>
|
40
|
How can I define the elements with a solid color on the background
![](images/exsurfaceq40.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.Background(88) = -1;
Surface1.Background(89) = -1;
Surface1.Background(90) = 255;
var var_Elements = Surface1.Elements;
var_Elements.Add("Node A",null,null);
var_Elements.Add("Node B",96,24);
}
</SCRIPT>
</BODY>
|
39
|
Can I display the status to a different part of the element
![](images/exsurfaceq39.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.Elements.Add("Node",null,null).StatusAlign = 3;
}
</SCRIPT>
</BODY>
|
38
|
How can I remove or hide the status part of the event
![](images/exsurfaceq38.png)
<BODY onload="Init()">
<SCRIPT FOR="Surface1" EVENT="AddElement(Element)" LANGUAGE="JScript">
// Element.StatusSize = 0
</SCRIPT>
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.Background(89) = -1;
var var_Elements = Surface1.Elements;
var_Elements.Add("Node A",null,null);
var_Elements.Add("Node B",96,24);
}
</SCRIPT>
</BODY>
|
37
|
How can I change the visual appearance of the border for all elements
![](images/exsurfaceq37.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.VisualAppearance.Add(1,"c:\\exontrol\\images\\normal.ebn");
Surface1.Background(88) = 16777216;
var var_Elements = Surface1.Elements;
var_Elements.Add("Element+A",null,null);
var_Elements.Add("Element+B",96,24);
}
</SCRIPT>
</BODY>
|
36
|
How can I change the color of the border for all elements
![](images/exsurfaceq36.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.Background(88) = 65280;
var var_Elements = Surface1.Elements;
var_Elements.Add("Element+A",null,null);
var_Elements.Add("Element+B",96,24);
}
</SCRIPT>
</BODY>
|
35
|
How can I remove the border for all elements
![](images/exsurfaceq35.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.Background(88) = -1;
var var_Elements = Surface1.Elements;
var_Elements.Add("Element+A",null,null);
var_Elements.Add("Element+B",96,24);
}
</SCRIPT>
</BODY>
|
34
|
How do I change the visual appearance the glpyh that shows when the element is added as a child
![](images/exsurfaceq34.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.VisualAppearance.Add(1,"c:\\exontrol\\images\\normal.ebn");
Surface1.VisualAppearance.Add(2,"c:\\exontrol\\images\\pushed.ebn");
Surface1.Background(86) = 16777216;
Surface1.Background(87) = 33554432;
var var_Elements = Surface1.Elements;
var_Elements.Add("Element <sha ;;0>A",null,null);
var_Elements.Add("Element <sha ;;0>B",96,24);
}
</SCRIPT>
</BODY>
|
33
|
Is it possible to change the color for the glpyh that shows when the element is added as a child
![](images/exsurfaceq33.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.Background(86) = 255;
Surface1.Background(87) = 255;
var var_Elements = Surface1.Elements;
var_Elements.Add("Element <sha ;;0>A",null,null);
var_Elements.Add("Element <sha ;;0>B",96,24);
}
</SCRIPT>
</BODY>
|
32
|
How can I change the color to show a valid link
![](images/exsurfaceq32.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.Background(83) = 65280;
var var_Elements = Surface1.Elements;
var_Elements.Add("Element <sha ;;0>A",null,null);
var_Elements.Add("Element <sha ;;0>B",96,24);
}
</SCRIPT>
</BODY>
|
31
|
How can I change the color to show an invalid link
![](images/exsurfaceq31.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.Background(82) = 65280;
var var_Elements = Surface1.Elements;
var_Elements.Add("Element <sha ;;0>A",null,null);
var_Elements.Add("Element <sha ;;0>B",96,24);
}
</SCRIPT>
</BODY>
|
30
|
How can I disable adding the elements as child of other nodes
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.AllowInsertObject = false;
var var_Elements = Surface1.Elements;
var_Elements.Add("Element <sha ;;0>A",null,null);
var_Elements.Add("Element <sha ;;0>B",96,24);
}
</SCRIPT>
</BODY>
|
29
|
How can I prevent moving the outgoing /descendents elements when moving an element
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.ShowLinksType = 3;
Surface1.AllowMoveDescendents = false;
var var_Elements = Surface1.Elements;
var_Elements.Add("Element <sha ;;0>A",null,null);
var_Elements.Add("Element <sha ;;0>B",96,24);
var var_Links = Surface1.Links;
var_Links.Add(Surface1.Elements.Item(1),Surface1.Elements.Item(2),null);
}
</SCRIPT>
</BODY>
|
28
|
How can I add programatically a link
![](images/exsurfaceq28.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
var var_Elements = Surface1.Elements;
var_Elements.Add("Element <sha ;;0>A",null,null);
var_Elements.Add("Element <sha ;;0>B",96,24);
var var_Links = Surface1.Links;
var_Links.Add(Surface1.Elements.Item(1),Surface1.Elements.Item(2),null);
}
</SCRIPT>
</BODY>
|
27
|
How do I prevent adding a link between elements
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.AllowLinkObjects = 0;
var var_Elements = Surface1.Elements;
var_Elements.Add("Element <sha ;;0>A",null,null);
var_Elements.Add("Element <sha ;;0>B",96,24);
}
</SCRIPT>
</BODY>
|
26
|
How can I hide the 100% button ( zoom ) on the control's toolbar
![](images/exsurfaceq26.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.ToolBarFormat = "-1,100";
}
</SCRIPT>
</BODY>
|
25
|
Is it possible to hide the Home button on the control's toolbar
![](images/exsurfaceq25.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.ToolBarFormat = "-1,101";
}
</SCRIPT>
</BODY>
|
24
|
How can I hide the grid lines, including the axis
![](images/exsurfaceq24.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.ShowGridLines = false;
Surface1.AxisStyle = -1;
}
</SCRIPT>
</BODY>
|
23
|
How can I hide the grid lines
![](images/exsurfaceq23.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.ShowGridLines = false;
}
</SCRIPT>
</BODY>
|
22
|
How can I clear the images shown on the control's toolbar
![](images/exsurfaceq22.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.ToolBarReplaceIcon(0,-1);
Surface1.ToolBarRefresh();
}
</SCRIPT>
</BODY>
|
21
|
How can I replace the default icons shown on the control's toolbar
![](images/exsurfaceq21.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.ToolBarReplaceIcon(0,-1);
Surface1.ToolBarImages("gBJJgBAIDAAGAAEAAQhYAf8Pf4hh0QihCJo2AEZjQAjEZFEaIEaEEaAIAkcbk0olUrlktl0vmExmUzmk1m03nE5nU7nk9n0/oFBoVDolFo1HpFJpVLplNp1PqFRqVTq" +
"lVq1XrFZrVbrldr1fsFhsVjslls1ntFptVrtltt1vuFxuVzul1u13vF5vV7vl9v1/wGBwWDwmFw2HxGJxWLxmNx0xiFdyOTh8Tf9ZymXx+QytcyNgz8r0OblWjyWds+m" +
"0ka1Vf1ta1+r1mos2xrG2xeZ0+a0W0qOx3GO4NV3WeyvD2XJ5XL5nN51aiw+lfSj0gkUkAEllHanHI5j/cHg8EZf7w8vl8j4f/qfEZeB09/vjLAB30+kZQAP/P5/H6/y" +
"NAOAEAwCjMBwFAEDwJBMDwLBYAP2/8Hv8/gAGAD8LQs9w/nhDY/oygIA=");
}
</SCRIPT>
</BODY>
|
20
|
How can I replace the default icons shown on the control's toolbar
![](images/exsurfaceq20.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.ToolBarImages("gBJJgBAIDAAGAAEAAQhYAf8Pf4hh0QihCJo2AEZjQAjEZFEaIEaEEaAIAkcbk0olUrlktl0vmExmUzmk1m03nE5nU7nk9n0/oFBoVDolFo1HpFJpVLplNp1PqFRqVTq" +
"lVq1XrFZrVbrldr1fsFhsVjslls1ntFptVrtltt1vuFxuVzul1u13vF5vV7vl9v1/wGBwWDwmFw2HxGJxWLxmNx0xiFdyOTh8Tf9ZymXx+QytcyNgz8r0OblWjyWds+m" +
"0ka1Vf1ta1+r1mos2xrG2xeZ0+a0W0qOx3GO4NV3WeyvD2XJ5XL5nN51aiw+lfSj0gkUkAEllHanHI5j/cHg8EZf7w8vl8j4f/qfEZeB09/vjLAB30+kZQAP/P5/H6/y" +
"NAOAEAwCjMBwFAEDwJBMDwLBYAP2/8Hv8/gAGAD8LQs9w/nhDY/oygIA=");
Surface1.ToolBarCaption(100) = "<img>3</img> aka1";
}
</SCRIPT>
</BODY>
|
19
|
How can I add an anchor element to the control's toolbar
![](images/exsurfaceq19.png)
<BODY onload="Init()">
<SCRIPT FOR="Surface1" EVENT="ToolBarAnchorClick(AnchorID,Options)" LANGUAGE="JScript">
alert( AnchorID );
</SCRIPT>
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.ToolBarFormat = "-1,100,101,|,102";
Surface1.ToolBarCaption(102) = "<a a1>anchor</a>";
}
</SCRIPT>
</BODY>
|
18
|
How can I add a button/image to the control's toolbar
![](images/exsurfaceq18.png)
<BODY onload="Init()">
<SCRIPT FOR="Surface1" EVENT="ToolBarClick(ID,SelectedID)" LANGUAGE="JScript">
alert( ID );
</SCRIPT>
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.ToolBarImages("gBJJgBAIDAAGAAEAAQhYAf8Pf4hh0QihCJo2AEZjQAjEZFEaIEaEEaAIAkcbk0olUrlktl0vmExmUzmk1m03nE5nU7nk9n0/oFBoVDolFo1HpFJpVLplNp1PqFRqVTq" +
"lVq1XrFZrVbrldr1fsFhsVjslls1ntFptVrtltt1vuFxuVzul1u13vF5vV7vl9v1/wGBwWDwmFw2HxGJxWLxmNx0xiFdyOTh8Tf9ZymXx+QytcyNgz8r0OblWjyWds+m" +
"0ka1Vf1ta1+r1mos2xrG2xeZ0+a0W0qOx3GO4NV3WeyvD2XJ5XL5nN51aiw+lfSj0gkUkAEllHanHI5j/cHg8EZf7w8vl8j4f/qfEZeB09/vjLAB30+kZQAP/P5/H6/y" +
"NAOAEAwCjMBwFAEDwJBMDwLBYAP2/8Hv8/gAGAD8LQs9w/nhDY/oygIA=");
Surface1.ToolBarFormat = "-1,100,101,102";
Surface1.ToolBarCaption(102) = "<img>3</img> new";
}
</SCRIPT>
</BODY>
|
17
|
How can I add a button to the control's toolbar
![](images/exsurfaceq17.png)
<BODY onload="Init()">
<SCRIPT FOR="Surface1" EVENT="ToolBarClick(ID,SelectedID)" LANGUAGE="JScript">
alert( ID );
</SCRIPT>
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.ToolBarFormat = "-1,100,101,102";
Surface1.ToolBarCaption(102) = "<sha ;;0>new";
}
</SCRIPT>
</BODY>
|
16
|
How can I hide the control's toolbar
![](images/exsurfaceq16.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.ToolBarVisible = false;
}
</SCRIPT>
</BODY>
|
15
|
How can I prevent selecting the elements
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.AllowSelectObject = 0;
Surface1.AllowSelectObjectRect = 0;
Surface1.AllowToggleSelectKey = 0;
Surface1.Elements.Add("element",null,null);
}
</SCRIPT>
</BODY>
|
14
|
How can I show the selected elements the same as the control has the focus
![](images/exsurfaceq14.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.HideSel = false;
Surface1.SelectObjectColorInactive = Surface1.SelectObjectColor;
Surface1.SelectObjectTextColorInactive = Surface1.SelectObjectTextColor;
Surface1.Elements.Add("element",null,null).Selected = true;
}
</SCRIPT>
</BODY>
|
13
|
How can I show the selected elements with a different border
![](images/exsurfaceq13.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.VisualAppearance.Add(1,"c:\\exontrol\\images\\normal.ebn");
Surface1.HideSel = false;
Surface1.SelectObjectStyle = 48;
Surface1.SelectObjectColor = 16777216;
Surface1.SelectObjectTextColor = 0;
Surface1.SelectObjectColorInactive = Surface1.SelectObjectColor;
Surface1.SelectObjectTextColorInactive = Surface1.SelectObjectTextColor;
Surface1.Elements.Add("element",null,null).Selected = true;
}
</SCRIPT>
</BODY>
|
12
|
How can I show the selected elements with a different background color
![](images/exsurfaceq12.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.HideSel = false;
Surface1.SelectObjectStyle = -1;
Surface1.SelectObjectColor = 255;
Surface1.SelectObjectTextColor = 16777215;
Surface1.SelectObjectColorInactive = Surface1.SelectObjectColor;
Surface1.SelectObjectTextColorInactive = Surface1.SelectObjectTextColor;
Surface1.Elements.Add("element",null,null).Selected = true;
}
</SCRIPT>
</BODY>
|
11
|
Is it possible to add an inner control on the surface
![](images/exsurfaceq11.png)
<BODY onload="Init()">
<SCRIPT FOR="Surface1" EVENT="OleEvent(Element,Ev)" LANGUAGE="JScript">
alert( Ev );
</SCRIPT>
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
var var_Elements = Surface1.Elements;
var var_Element = var_Elements.Add("activex hosting",null,null);
var_Element.Type = 2;
var_Element.Control = "Forms.CommandButton.1";
var_Element.Caption = "Command Button";
var_Element.Height = 64;
var_Element.Width = 128;
var_Element.ElementFormat = "14;\"caption\"/\"client\"";
var_Element.CaptionAlign = 1;
}
</SCRIPT>
</BODY>
|
10
|
How can I make the control read-only
<BODY onload="Init()">
<SCRIPT FOR="Surface1" EVENT="LayoutStartChanging(Operation)" LANGUAGE="JScript">
alert( Operation );
Surface1.CancelLayoutChanging();
</SCRIPT>
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
var var_Elements = Surface1.Elements;
var_Elements.Add("new element",null,null);
}
</SCRIPT>
</BODY>
|
9
|
How can I handle clicking a picture on the element
![](images/exsurfaceq9.png)
<BODY onload="Init()">
<SCRIPT FOR="Surface1" EVENT="HandCursorClick(Element,Hit,Key)" LANGUAGE="JScript">
alert( Key );
</SCRIPT>
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.Images("gBJJgBAIDAAGAAEAAQhYAf8Pf4hh0QihCJo2AEZjQAjEZFEaIEaEEaAIAkcbk0olUrlktl0vmExmUzmk1m03nE5nU7nk9n0/oFBoVDolFo1HpFJpVLplNp1PqFRqVTq" +
"lVq1XrFZrVbrldr1fsFhsVjslls1ntFptVrtltt1vuFxuVzul1u13vF5vV7vl9v1/wGBwWDwmFw2HxGJxWLxmNx0xiFdyOTh8Tf9ZymXx+QytcyNgz8r0OblWjyWds+m" +
"0ka1Vf1ta1+r1mos2xrG2xeZ0+a0W0qOx3GO4NV3WeyvD2XJ5XL5nN51aiw+lfSj0gkUkAEllHanHI5j/cHg8EZf7w8vl8j4f/qfEZeB09/vjLAB30+kZQAP/P5/H6/y" +
"NAOAEAwCjMBwFAEDwJBMDwLBYAP2/8Hv8/gAGAD8LQs9w/nhDY/oygIA=");
var var_Elements = Surface1.Elements;
var var_Element = var_Elements.Add("new element",null,null);
var_Element.CaptionAlign = 2;
var_Element.PicturesAlign = 0;
var_Element.ShowHandCursorOn = 3335;
var_Element.Pictures = "0,1,2";
}
</SCRIPT>
</BODY>
|
8
|
How can I show the hand cursor when user hovers the element's image
![](images/exsurfaceq8.png)
<BODY onload="Init()">
<SCRIPT FOR="Surface1" EVENT="HandCursorClick(Element,Hit,Key)" LANGUAGE="JScript">
alert( Key );
</SCRIPT>
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.Images("gBJJgBAIDAAGAAEAAQhYAf8Pf4hh0QihCJo2AEZjQAjEZFEaIEaEEaAIAkcbk0olUrlktl0vmExmUzmk1m03nE5nU7nk9n0/oFBoVDolFo1HpFJpVLplNp1PqFRqVTq" +
"lVq1XrFZrVbrldr1fsFhsVjslls1ntFptVrtltt1vuFxuVzul1u13vF5vV7vl9v1/wGBwWDwmFw2HxGJxWLxmNx0xiFdyOTh8Tf9ZymXx+QytcyNgz8r0OblWjyWds+m" +
"0ka1Vf1ta1+r1mos2xrG2xeZ0+a0W0qOx3GO4NV3WeyvD2XJ5XL5nN51aiw+lfSj0gkUkAEllHanHI5j/cHg8EZf7w8vl8j4f/qfEZeB09/vjLAB30+kZQAP/P5/H6/y" +
"NAOAEAwCjMBwFAEDwJBMDwLBYAP2/8Hv8/gAGAD8LQs9w/nhDY/oygIA=");
var var_Elements = Surface1.Elements;
var var_Element = var_Elements.Add("new element",null,null);
var_Element.CaptionAlign = 2;
var_Element.PicturesAlign = 0;
var_Element.ShowHandCursorOn = 3335;
var_Element.Pictures = "0,1,2";
}
</SCRIPT>
</BODY>
|
7
|
How can I show the hand cursor when user hovers the element's checkbox
![](images/exsurfaceq7.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
var var_Elements = Surface1.Elements;
var var_Element = var_Elements.Add("new element",null,null);
var_Element.CaptionAlign = 2;
var_Element.CheckBoxAlign = 0;
var_Element.ShowCheckBox = true;
var_Element.ShowHandCursorOn = 3084;
}
</SCRIPT>
</BODY>
|
6
|
How can I remove the status part for all elements
![](images/exsurfaceq6.png)
<BODY onload="Init()">
<SCRIPT FOR="Surface1" EVENT="AddElement(Element)" LANGUAGE="JScript">
// Element.StatusSize = 0
</SCRIPT>
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.Background(89) = -1;
Surface1.Elements.Add("new element",null,null);
}
</SCRIPT>
</BODY>
|
5
|
How can I remove the border for all elements
![](images/exsurfaceq5.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.Background(88) = -1;
Surface1.Elements.Add("new element",null,null);
}
</SCRIPT>
</BODY>
|
4
|
How do I edit the element's caption once the user creates the element
![](images/exsurfaceq4.png)
<BODY onload="Init()">
<SCRIPT FOR="Surface1" EVENT="CreateElement(Element)" LANGUAGE="JScript">
// Element.Edit(0)
// Element.AutoSize = True
</SCRIPT>
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
}
</SCRIPT>
</BODY>
|
3
|
How can I align the element's checkbox next to the text
![](images/exsurfaceq3.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.BeginUpdate();
var var_Elements = Surface1.Elements;
var var_Element = var_Elements.Add("text",null,null);
var_Element.ShowCheckBox = true;
var_Element.CaptionAlign = 2;
var_Element.CheckBoxAlign = 0;
Surface1.EndUpdate();
}
</SCRIPT>
</BODY>
|
2
|
How can I assign a check-box to all elements
![](images/exsurfaceq2.png)
<BODY onload="Init()">
<SCRIPT FOR="Surface1" EVENT="AddElement(Element)" LANGUAGE="JScript">
// Element.ShowCheckBox = True
</SCRIPT>
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.BeginUpdate();
var var_Elements = Surface1.Elements;
var_Elements.Add("",-24,-24);
var_Elements.Add("",null,null).Checked = 1;
Surface1.Home();
Surface1.EndUpdate();
}
</SCRIPT>
</BODY>
|
1
|
How do I change the control's background color
![](images/exsurfaceq1.png)
<BODY onload="Init()">
<OBJECT CLASSID="clsid:AC1DF7F4-0919-4364-8167-2F9B5155EA4B" id="Surface1"></OBJECT>
<SCRIPT LANGUAGE="JScript">
function Init()
{
Surface1.BackColor = 15790320;
}
</SCRIPT>
</BODY>
|